import React, { Component } from "react";
import styles from "./styles.module.less";

export default ({ title, title2, news, active }) => {
    return (
        <div className={`${styles.card} ${active ? styles.cardActive : null}`}>
            {title2 ? (
                <div className={styles.twoTitle}>
                    {title}
                    <br />
                    {title2}
                </div>
            ) : (
                <div>{title}</div>
            )}
            {news ? <div className={styles.news}>{news}</div> : null}
        </div>
    );
};
